<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Use Thymeleaf in Spring Boot Application</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/login.coss}">
    <script th:src="@{js/jquery-3.4.1.min.js}"></script>
    <script th:src="@{js/bootstrap.min.js}"></script>
</head>
<body>
<h1 th:text="${message}">this is the tag for displaying message returned by the controller</h1>
<h3 th:text="${message}">Hi</h3>
<h3 th:text="${10+20}">calculation result</h3>
<h3 th:text="${1>2}">calculation result</h3>
<h3 th:text="${result}">calculation result</h3>
<p th:text="#{msg.welcome}"></p>
<p th:text="#{msg.error}"></p>
<div class="container">
    <img th:src="@{/images/1.jpg}" width="200" height="150"> <br><br>
    <a th:href="@{https://www.baidu.com}">Baidu</a><br>
    <a th:href="@{/toindex}">Home</a><br>
    <a th:href="@{/product(pid=P001)}">View details</a><br>
    <!--/*@thymesVar id="proId" type=""*/-->
    <a th:href="@{/product(pid=${proId})}">View details</a><br>
    <a th:href="@{/search1(keyword='Sam',type=1)}">search1</a><br>
    <a th:href="@{/search2/{pid}(pid=P001)}">search2</a><br>
    <a th:href="@{/search3/{pid}/{type}(pid=${proId},type=1)}">search3</a><br>
    <form th:action="@{/login}">
        Username: <input type="text" name="uname"><br><br>
        Password: <input type="text" mame="pwd"><br><br>
        <button>Login</button>
    </form>
</div>
<div id="footerdiv" th:insert="~{footer::copyright}"></div>
</body>
</html>